<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pp="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      >

    <h:head>
        <title>Anjos</title>

        <link type="text/css" rel="stylesheet" href="../resources/css/default.css" />
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />    

        <style type="text/css">
            .ui-widget {
                font-size: 100%;
            }

            .themeMenu {
                overflow: auto;
                height:30px;
                width:166px;
            }
        </style>



    </h:head>

    <h:body>


        <p:layout fullPage="true">

            <p:layoutUnit id="painelTopo"  position="north"  
                          resizable="false" 
                          closable="false"
                          collapsible="false"
                          visible="true"
                          size="72"
                          >   
                <div align="center" style="width: 100%">

                    <p:graphicImage width="225" height="58" url="/imagens/PainelMenor.png" />
                </div>

            </p:layoutUnit> 

            <p:layoutUnit 
                id="painelEsquerda"
                resizable="false" 
                collapsible="true"
                position="west" 
                header="Menu"
                size="180"
                >

                <div id="left">
                    <ui:insert name="menu">
                        <h:form>
                            <h:panelGrid columns="1" >
                                <p:commandButton 
                                    action="/index.xhtml"
                                    value="Página Inicial"
                                    style="width: 166px; height: 30px"
                                    />
                            </h:panelGrid>
                            <h:panelGrid columns="1" >
                                <p:commandButton 
                                    id="btanjo"
                                    action="/cadastro/anjo/listaAnjos.xhtml" 
                                    value="Anjos"
                                    style="width: 166px; height: 30px"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1" >
                                <p:commandButton 
                                    id="btcrianca"
                                    action="#{criancaBean.renderedCriancaMenu()}" 
                                    label="Crianca"
                                    value="Criança"
                                    style="width: 166px; height: 30px"/>
                            </h:panelGrid>  
                            <h:panelGrid columns="1" >
                                <p:commandButton 
                                    id="btevento"
                                    action="/cadastro/evento/listaEventos.xhtml" 
                                    label="Crianca"
                                    value="Evento"
                                    style="width: 166px; height: 30px"/>
                            </h:panelGrid>
                        </h:form>
                    </ui:insert>
                </div>
            </p:layoutUnit>

            <p:layoutUnit id="painelCentro"
                          position="center" 
                          >

                <ui:insert name="conteudo"  />


            </p:layoutUnit>
        </p:layout>
    </h:body>

</html>
